Exercise: Output & Loaders Heading

Exercise: Output & Loaders

If you are using the classroom workspace, you do not need to use the tasklist below - it’s here to help those working on their local machines. The same instructions are included in the workspace, so you should click “Expand” on the bottom left to be able to use your full screen.

Exercise: Output & Loaders Tasklist

Task Description:

Now it’s your turn! Follow the steps below to add babel and the correct import statements to your repo.

Task List:

For now, hardcode a reference to your javascript into the index.html:

<script type="text/javascript" src="../../../dist/main.js">
</script>

Add babel to your repo:

npm i -D @babel/core @babel/preset-env babel-loader

Create a .babelrc file and fill it with these settings:

{ ‘presets’: ['@babel/preset-env'] }

Task Feedback:

Way to go! Babel is a great tool to have in your arsenal, you’ll hear a lot more about it if you do React work later on.

Workspace

This section contains either a workspace (it can be a Jupyter Notebook workspace or an online code editor work space, etc.) and it cannot be automatically downloaded to be generated here. Please access the classroom with your account and manually download the workspace to your local machine. Note that for some courses, Udacity upload the workspace files onto https://github.com/udacity, so you may be able to download them there.

Workspace Information:

Default file path:
Workspace type: jupyter-lab
Opened files (when workspace is loaded): n/a